/* CSS RAOVAT */
body{margin:0px; padding:0px; background:#ffffff;}/*behavior:url("Resource/cssHoverFix.htc");*/
body{behavior:url("cssHoverFix.htc");}
a img{border:none;}
a{ margin:0px; padding:0px;}

#wrap{ width:1000px; margin:0px auto; padding:20px 0px;}
#header{ width:100%; float:left;}
.header-left{ width:9px; height:51px; background:url(../Images/bg/head-left.gif) no-repeat top left; float:left;}
.header-right{ width:9px; height:51px; background:url(../Images/bg/head-right.gif) no-repeat top left; float:left;}
.header-mid{ width:982px; height:51px; background:url(../Images/bg/head-mid.gif) repeat-x top left; float:left;}
.head-logo{ width:477px; padding:9px 0px 0px 32px; float:left;}
.head-acc{ width:151px; padding-top:12px; float:left;}
.acc-img{ width:27px; padding-right:11px; float:left;}
.acc-txt{ padding-top:5px; font:bold 13px LucidaGrande; color:#ffffff; float:left;}
.head-solid{ padding:10px 14px 0px 0px; float:left;}
.acc-out{ padding:17px 40px 0px 0px; font:bold 13px LucidaGrande; color:#787878; float:left;}
.head-search{ padding-top:13px; float:left;}
.heads-mid{ width:100px; height:25px; background:url(../Images/bg/heads-mid.gif) repeat-x top left; float:left; border:none; font:12px LucidaGrande; color:#606368;}
.heads-left{ width:27px; height:25px; background:url(../Images/bg/heads-left.gif) no-repeat top left; float:left;}
.heads-right{ width:12px; height:25px; background:url(../Images/bg/heads-right.gif) no-repeat top left; float:left;}

#content{ width:100%; padding-top:17px; float:left;}
.ct-left{ width:730px; padding-right:27px; float:left;}

.ct-right{ width:243px; float:left;}
.ctr-box{ width:100%; float:left;}
.ctr-tit{ width:227px; height:24px; padding:4px 0px 10px 16px; background:url(../Images/bg/ctr-tit.jpg) no-repeat top left; float:left;}
.ctr-tit a{ font:bold 14px LucidaGrande; color:#ffffff; text-decoration:none; float:left;}
.ctr-ct{ width:100%; float:left;}
.ctr-ct ul{ width:210px; margin:0px; padding:0px; list-style-type:none; overflow:hidden;}
.ctr-ct ul li{ width:210px; margin:0px; padding:0px 0px 10px; float:left;}
.recent-img{ width:31px; height:30px; margin-right:9px; display:inline; float:left;}
.recent-ct{ width:170px; float:left;}
.recent-ct a{ font:11px tahoma; color:#323232; text-decoration:none; line-height:14px; float:left;}
.recent-ct a span{ font:11px tahoma; color:#ed7032;}

.tag{ width:220px; padding-top:10px; float:left;}
.tag ul{ width:100%; margin:0px; padding:0px; list-style-type:none; float:left;}
.tag ul li{ height:21px; margin:0px 4px 7px 0px; display:inline; cursor:pointer; float:left;}
.tag ul li a{ font:12px LucidaGrande; color:#7d7d7d; text-decoration:none;}
.tag-left{ width:14px; height:21px; background:url(../Images/bg/tag-left.gif) no-repeat top left; float:left;}
.tag-mid{ height:19px; padding:1px 5px; background:url(../Images/bg/tag-mid.gif) repeat-x top left; float:left;}
.tag-right{ width:2px; height:21px; background:url(../Images/bg/tag-right.gif) no-repeat top left; float:left;}

.ctl{ width:660px; margin-left:70px; display:inline; float:left; position:relative; z-index:9;}
.ctl-top{ width:100%; height:10px; background:url(../Images/bg/ctl-top.jpg) no-repeat top left; float:left; overflow:hidden;}
.ctl-bot{ width:100%; height:16px; background:url(../Images/bg/ctl-bot.jpg) no-repeat top left; float:left;}
.ctl-mid{ width:100%; background:url(../Images/bg/ctl-mid.jpg) repeat-y top left; padding-bottom:24px; float:left;}
.ctl-nav{ width:625px; padding:0px 0px 9px 35px; float:left;}
.ctl-nav-ct{ width:90px; margin-top:11px; padding:0px 0px 0px 31px; background:url(../Images/icon/arrow.gif) no-repeat 6px 2px; float:left;}
.ctl-nav-ct a{ font:bold 13px LucidaGrand; color:#505050; text-decoration:none; padding-right:9px; float:left;}
.ctl-nav-solid{ width:2px; height:24px; padding-top:6px; float:left;}
.go-btn{ padding:6px 38px 0px 0px; float:right;}
.ctl-tit{ width:594px; margin:0px 37px 0px 29px; display:inline; background:url(../Images/bg/ctl-tit.gif) repeat-x bottom left; float:left;}
.tNormal,.tActive{ margin-right:8px; display:inline; cursor:pointer; float:left;}
.tNormal .midT{ height:23px; padding:5px 12px 0px; background:url(../Images/icon/midTn.gif) repeat-x bottom left; font:bold 13px LucidaGrande; color:#ffffff; float:left;}
.tNormal .rightT{ width:16px; height:28px; background:url(../Images/icon/rightTn.gif) no-repeat bottom left; float:left;}
.tActive .midT{ height:23px; padding:5px 12px 0px; background:url(../Images/icon/midTa.gif) repeat-x bottom left; font:bold 13px LucidaGrande; color:#ffffff; float:left;}
.tActive .rightT{ width:16px; height:28px; background:url(../Images/icon/rightTa.gif) no-repeat bottom left; float:left;}

.ctl-ct{ width:594px; margin:0px 37px 0px 29px; display:inline; background:url(../Images/bg/ctl-ct.gif) repeat-y top left; float:left;}
.ctl-box{ height:510px; padding:0px 0px 64px 19px; background:url(../Images/bg/ctl-box.jpg) no-repeat top left; float:left; overflow-y:scroll;}
.box{ width:100%; padding:12px 0px 8px; border-bottom:1px solid #646464; float:left;}
.box-left{ width:92px; padding:20px 23px 0px 3px; float:left;}
.tbl-boxl{ width:100%; margin:0px; padding:0px; float:left;}
.boxl-tdn{ text-align:center; font:bold 25px LucidaGrande; color:#ed7032;}
.boxl-tdt{ text-align:center; font:bold 13px LucidaGrande; color:#ed7032; padding-bottom:22px;}

.box-right{ width:439px; float:left;}
.boxr-top{ width:100%; float:left;}
.boxr-top p{ font:14px LucidaGrande; color:#323232; margin:0px; padding:0px; line-height:17px;}
.boxr-mid{ width:432px; padding:12px 0px 10px 7px; float:left;}
.boxr-mid-ct{ padding-right:22px; float:left;}
.boxr-mid-ct a{ font:12px LucidaGrande; color:#77a0a9; text-decoration:none; float:left;}
.boxr-bot{ width:100%; float:left;}
.boxr-bot-img{ width:26px; height:26px; padding-right:9px; float:left;}
.boxr-bot-txt{ padding-top:4px; font:12px LucidaGrande; color:#969696; float:left;}
.boxr-bot-btn{ width:78px; height:24px; float:right;}
.boxr-btn{ width:78px; height:24px; padding:0px; cursor:pointer; background:url(../Images/icon/answer.gif) no-repeat top left; border:none;}
.box-last{ width:100%; padding:12px 0px 8px; border-bottom:1px solid #646464; background:url(../Images/bg/green.jpg) no-repeat top left; float:left;}

.task-bar{ width:99px; padding-top:63px; z-index:1; position:absolute;}
.task-bar a{ cursor:pointer;}

#footer{ width:100%; padding:10px 0px 20px; float:left;}
.footer-left{ padding:12px 0px 0px 40px; float:left;}
.footer-left span{ font:12px LucidaGrande; color:#505050; padding-right:24px; float:left;}
.footer-right{ float:right;}
.footer-right a{ margin-left:6px; display:inline; padding:0px; float:right;}


/** ASK **/
.ask-tit{ width: 594px; margin:0px 37px 0px 29px; display:inline; padding-bottom:14px; font:bold 18px LucidaGrande; color:#ffffff; float:left;}
.ask-nav{ width: 594px; margin:0px 37px 0px 29px; display:inline; padding-bottom:19px; float:left;}
.ask-nav-ct{ margin-right:13px; display:inline; cursor:pointer; float:left;}
.ask-nav-mid{ height:24px; padding:4px 4px 0px 13px; background:url(../Images/bg/ask-nav-mid.gif) repeat-x top left; font:bold 13px LucidaGrande; color:#4f4f4f; float:left;}
.ask-nav-right{ width:16px; height:28px; background:url(../Images/bg/ask-nav-right.gif) no-repeat top left; float:left;}
.ask-tag{ width: 594px; margin:0px 37px 0px 29px; display:inline; padding-bottom:18px; float:left;}
.atag-left{ padding:10px 14px 0px 0px; font:bold 13px LucidaGrande; color:#505050; float:left;}
.atag-mid{ height:33px; padding:0px 0px 0px 3px; background:url(../Images/bg/atag-left.gif) no-repeat top left; float:left;}
.atag-txt{ width:420px; height:33px; background:url(../Images/bg/atag-mid.gif) repeat-x top left; border:none; float:left;}
.atag-txt-right{ width:5px; height:33px; background:url(../Images/bg/atag-right.gif) no-repeat top left; float:left;}
.atag-right{ padding-top:7px; float:right;}
.ask-btn{ width:63px; height:24px; padding:0px; background:url(../Images/icon/ask-btn.gif) no-repeat top left; border:none; cursor:pointer; float:right;}
.ask-solid{ width: 594px; height:3px; padding-bottom:16px; margin:0px 37px 0px 29px; display:inline; background:url(../Images/bg/ask-solid.gif) repeat-x top left; float:left; overflow:hidden;}
.ask-bot{ width: 594px; margin:0px 37px 0px 29px; display:inline; font:bold 12px LucidaGrande; color:#ffffff; float:left;}


/** QUEST **/
.quest-left{ width:33px; padding:15px 36px 0px 58px; text-align:center; float:left;}
.quest-left a{ margin-bottom:12px; float:left;}
.quest-right{ width:468px; padding:15px 65px 0px 0px; float:left;}
.quest-right p{ margin:0px; padding:0px; font:14px LucidaGrande; color:#323232; line-height:18px;}
.quest-rm{ width:100%; padding-top:7px; float:left;}
.quest-tag{ padding:0px 5px; background:url(../Images/bg/white.gif) repeat-x top left; margin-right:12px; font:12px LucidaGrande; color:#77a0a9; cursor:pointer; float:left;}
.quest-rb{ width:100%; padding-top:14px; font:12px LucidaGrande; color:#ffffff; float:left;}
.quest-nav{ width:575px; margin: 0 37px 0 48px; padding:35px 0px 0px; float:left;}
.quest-nl{ width:275px; float:left;}
.quest-nlt{font:24px LucidaGrande; color:#ffffff; padding-right:14px; float:left;}
.quest-nlt span{font:12px LucidaGrande; color:#ffffff; padding:10px 0px 0px 7px; float:right;}
.quest-nr{ width:300px; float:left;}
.quest-nr-txt{ padding-top:7px; font:12px LucidaGrande; color:#ffffff; float:left;}
.quest-nr-btn{ padding-left:13px; float:right;}
.oldest-btn{ width:88px; height:28px; background:url(../Images/bg/oldest.gif) no-repeat top left; border:none; cursor:pointer; float:right;}
.votes-btn{ width:86px; height:28px; background:url(../Images/bg/votes.gif) no-repeat top left; border:none; cursor:pointer; float:right;}
.quest-bot{ width: 594px; margin:9px 37px 0 29px; float:left;}
.quest-bl{ width:135px; padding:9px 0px 0px; font:12px LucidaGrande; color:#ffffff; float:left;}
.quest-br{ width:459px; float:left;}
.quest-br-img{ padding:3px 9px 0px 0px; float:left;}
.quest-br-txt{ font:12px LucidaGrande; color:#ffffff; padding:9px 25px 0px 0px; float:left;}

.page{ width: 594px; margin: 15px 37px 0 29px; float:left;}
.page ul{ margin:0px; padding:0px; list-style-type:none; float:left;}
.pNormal{ margin-right:2px; display:inline; float:left; cursor:pointer;}
.page-left{ width:3px; height:27px; background:url(../Images/bg/page-left.gif) no-repeat top left; float:left;}
.page-right{ width:3px; height:27px; background:url(../Images/bg/page-right.gif) no-repeat top left; float:left;}
.page-mid{ padding:5px 7px 0px; height:22px; background:url(../Images/bg/page-mid.gif) repeat-x top left; float:left; font:bold 12px arial; color:#717171;}
.page-etc{ margin:5px 8px 0px; display:inline; font:bold 12px arial; color:#717171; float:left;}
.pActive{ margin:0px 4px 0px 2px; display:inline; float:left;}
.pActive .page-left{ width:2px; height:27px; background:url(../Images/bg/page-left-active.gif) no-repeat top left; float:left;}
.pActive .page-right{ width:2px; height:27px; background:url(../Images/bg/page-right-active.gif) no-repeat top left; float:left;}
.pActive .page-mid{ padding:5px 7px 0px; height:22px; background:url(../Images/bg/page-mid-active.gif) repeat-x top left; float:left; font:bold 12px arial; color:#f2f2f2;}
